<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" import="java.util.*,com.stx.domain.*,com.stx.dao.*"%>
	<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<style>
body {
	background-image: url(/img/timg5.jpg);
	margin: 0px;
}

.top {
	float: left;
	height: 50px;
	width: 100%;
	background-color: #F0FFFF;
	line-height: 50px;
	text-align: center;
	font-size: 25px;
}

.mid {
	float: left;
	height: 40px;
	line-height: 40px;
	width: 100%;
	background-color: #F0F8FF;
}

.bottom {
	float: left;
	height: 40px;
	width: 100%;
	background-color: #B0E2FF;
}

.b1 {
	float: left;
	height: 40px;
	line-height: 40px;
	padding-left: 30px;
	width: 16%;
	font-size: 18px;
	font-family: "微软雅黑";
}

a:link {
	color: #0015FF;
	text-decoration: none
}

a:visited {
	color: #0015FF;
	text-decoration: none
}

a:hover {
	color: #80B4F3;
	text-decoration: none
}

a:active {
	color: #80B4F3;
	text-decoration: none
}

	table 
    {   
		border-collapse:   separate;
		border-spacing:   20px;   
	} 
table.altrowstable {
	font-family: verdana,arial,sans-serif;
	width:100%;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #a9c6c9;
	border-collapse: collapse;
}
table.altrowstable th {
	border-width: 1px;
	padding: 8px;
	padding-left: 20px;
	border-style: solid;
	border-color:#a9c6c9;
	background-color:#B0E2FF; 
}
table.altrowstable td {
	border-width: 1px;
	padding: 8px;
	padding-left: 20px;
	border-style: solid;
	border-color: #a9c6c9;
}
td{
    background:url(../img/timg7.jpg);
	background-size:cover;
    text-align:center;
	}
	.cc2{
	float:left;
	height:110px;
	margin-top:-75px;
	width:100%;
	font-size:20px;
	padding-top:8px;
	font-family: "微软雅黑";
	background-color:rgba(255,255,255,0.77);
	}
.oddrowcolor{
	background-color:#d4e3e5;
}
.evenrowcolor{
	background-color:#c3dde0;
}
</style>
<script type="text/javascript">

window.onload=function(){
	altRows('alternatecolor');
}
$(function(){
    //$('table tr:not(:first)').remove();
    var len = $('table tr').length;
    for(var i = 1;i<len;i++){
        $('table tr:eq('+i+') td:first').text(i);
    }
        
});
</script>

<body>
<a href="selectDormByT.do">返回</a>

	<div class="top">
		<font style="font-family: '微软雅黑'"></font>
	</div>
	<div class="mid">
		<font
			style="font-size: 20px; font-family: '微软雅黑'; line-height: 40px; padding-left: 15px">
		
		</font>
	</div>

<table   align="center" width="800px" height="450px">

       <c:forEach items="${list}" varStatus="status" step="3">
	<tr>
		<td width="80"><div class="cc2">学号：${list[status.index].no}<br>姓名：${list[status.index].name}<br>院系：${list[status.index].major} </div></td> 
        <td width="80"><div class="cc2">学号：${list[status.index+1].no}<br>姓名：${list[status.index+1].name}<br>院系：${list[status.index+1].major}</div></td>
        <td width="80"><div class="cc2">学号：${list[status.index+2].no}<br>姓名：${list[status.index+2].name}<br>院系：${list[status.index+2].major}</div></td>
	</tr>
	</c:forEach>  
 
 </table>

</body>
</html>